.px2rem(@name,@px){
    @{name}:@px/37.5*1rem
}

.head{
    background-color: #7e4c81;
    display: flex;
    .px2rem(height,55);
    align-items: center;
    .left{
        width: 5%;
    }
    .center{
        width: 95%;
        text-align: center;
    }
    img{
        .px2rem(height,23);
        .px2rem(width,32);
    }
    p{
        .px2rem(font-size,20);
        color: white;
        
    }
}
.cont{
    flex: 1;
    .nav{
        .px2rem(height,50);
        .px2rem(line-height,50);
        border-bottom: 1px solid #CCCCCC;
        ul{
            display: flex;
            .px2rem(font-size,20);
            li{
                width: 25%;
                text-align: center;
                border-right: 1px solid #CCCCCC;
            }
            li:nth-child(4){
                border-right: none;
            }
        }
    }
    .active{
        border-bottom:4px solid #7e4c81;
    }
    .foot{
        .px2rem(height,480);
        margin: 0 auto;
        .px2rem(margin-top,20);
        width: 90%;
        
        
        ul{
            .px2rem(line-height,20);
            li{
                display: flex;
                .px2rem(font-size,20);
                p{
                    width: 30%;
                    sup{
                        color: red;
                    }
                }
                .p_1{
                    background: url(../images/bg1.png);
                }
                .p_2{
                    background: url(../images/bg2.png);
                }
                div{
                    width: 70%;
                    input{
                        border: none;
                        width: 100%;
                        .px2rem(font-size,20);
                        outline: none;
                        .px2rem(padding-left,5);
                    }
                }
                
               
            }
            li:nth-child(1){
                background: url(../images/juchi.png);
                
            }
            li:nth-child(1),li:nth-child(2),li:nth-child(3){
                .px2rem(height,50);
                .px2rem(line-height,50);
            }
            
            
            li:nth-child(4),li:nth-child(5),li:nth-child(6),li:nth-child(7){
                .px2rem(height,80);
//              .px2rem(line-height,80);
            }
        } 
    }
}
